<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>关注公众号</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <style>
        html,body{
            width: 100%;
            height: 100%;
            background-color:#efeff4;
        }
        .all{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: flex-start;
            flex-flow: column;
            align-items: center;
        }
        .ma{
            width: 100%;
            height: 250px;
            border-radius: 50%;
            margin-top: 20px;
            display: flex;
            justify-content: flex-start;
            flex-flow: column;
            align-items: center;
        }
        .tet{
            width: 100%;
            height: 50px;
            color: #ff5001;
            font-size: 18px;
            text-align: center;
            margin-top: 10px;
        }
        .ma img{
            width: 55%;
            /*height: 130px;*/
        }
    </style>

</head>
<body>
		<div class="all">
	    <div class="ma">
	        <img id="qrcode" src="${imageUrl}" alt="">
			<div class="tet">
				长按识别图中二维码关注公众号后领取优惠券
			</div>
	    </div>
	</div>
</body>
</html>
